<template>
    <a-drawer :width="width"
              :title="title"
              :visible="visible"
              :z-index="999"
              @close="close">
        <slot />
    </a-drawer>
</template>

<script>
    export default {
        props : {
            //  标题
            title : { type : String, default : '' },
            //  抽屉宽度,默认500
            width : { type : String, default : () => '500' },
        },
        data(){
            return {
                //  显示/隐藏
                visible : false,
            };
        },
        methods : {
            //  打开
            open : function(){
                let $this = this;
                $this.visible = true;
            },
            //  关闭
            close : function (e) {
                e.preventDefault();
                this.visible = false;
            },
        }
    }
</script>
